<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<html>
<head>
    <title>登录页面</title>
    <style type="text/css">

        input {
            width: 320px;
            height: 45px;
            margin: 0px 8px;
            border-radius: 10px; /*圆角矩形*/
            text-indent: 10px; /*里面隐形的字体首行缩进*/
            margin: 10px auto;
        }

        #btn_submit {
            width: 200px;
            height: 45px;
            margin: 0px 4px;
            border-radius: 8px; /*圆角矩形*/
            text-indent: 5px; /*里面隐形的字体首行缩进*/
            margin: 5px auto;
        }

        table {

            text-align: center;
        }

        tr {
            align: center;
        }

        #table_div {
            width: 800px;
            margin: 0 auto;
            position: absolute;
            height: 400px;
            left: 20%;
            top: 20%;

        }
    </style>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#codeImg").click(function (){
                document.getElementById("codeImg").src=encodeURI("code.jsp?=id"+new Date());
            })
        })


    </script>
</head>
<body>
<form action="loginServlet" name="loginForm" method="post">
    <div id="table_div">
        <table align="center">
            <tr>
                <td colspan="2"><h2>学生信息管理系统</h2></td>
            </tr>
            <tr>
                <td>账号：</td>
                <td><input class="inputinfo" type="text" name="account" placeholder="账号"/></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input class="inputinfo" type="password" name="password" placeholder="密码"/></td>
            </tr>

            <tr>
                <td>验证码：</td>
                <!-- 添加验证码 2040706301-雷诏华-->
                <td><input type="text" name="randStr"  class="inputinfo"></td>
                <td  ><img  id="codeImg" src="code.jsp" alt="验证码" ></td>


            </tr>
            <tr>
                <td colspan="2"><input id="btn_submit" type="submit" value="登录"/></td>
            </tr>
        </table>
    </div>
</form>
</body>
</html>
